.rotate-360-1 { transform-origin: center; animation: rotate-360 0.4s linear infinite; }
.rotate-360-2 { transform-origin: center; animation: rotate-360 0.8s linear infinite; }
.rotate-360-3 { transform-origin: center; animation: rotate-360 1.2s linear infinite; }
.rotate-360-4 { transform-origin: center; animation: rotate-360 1.6s linear infinite; }
.rotate-360-5 { transform-origin: center; animation: rotate-360 2s linear infinite; }
.rotate-360-6 { transform-origin: center; animation: rotate-360 2.4s linear infinite; }
.rotate-360-7 { transform-origin: center; animation: rotate-360 2.8s linear infinite; }
.rotate-360-8 { transform-origin: center; animation: rotate-360 3.2s linear infinite; }
.rotate-360-9 { transform-origin: center; animation: rotate-360 3.6s linear infinite; }
.rotate-360-10 { transform-origin: center; animation: rotate-360 4s linear infinite; }
.rotate-n360-1 { transform-origin: center; animation: rotate-n360 0.4s linear infinite; }
.rotate-n360-2 { transform-origin: center; animation: rotate-n360 0.8s linear infinite; }
.rotate-n360-3 { transform-origin: center; animation: rotate-n360 1.2s linear infinite; }
.rotate-n360-4 { transform-origin: center; animation: rotate-n360 1.6s linear infinite; }
.rotate-n360-5 { transform-origin: center; animation: rotate-n360 2s linear infinite; }
.rotate-n360-6 { transform-origin: center; animation: rotate-n360 2.4s linear infinite; }
.rotate-n360-7 { transform-origin: center; animation: rotate-n360 2.8s linear infinite; }
.rotate-n360-8 { transform-origin: center; animation: rotate-n360 3.2s linear infinite; }
.rotate-n360-9 { transform-origin: center; animation: rotate-n360 3.6s linear infinite; }
.rotate-n360-10 { transform-origin: center; animation: rotate-n360 4s linear infinite; }
@keyframes rotate-360 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes rotate-n360 { from { transform: rotate(360deg); } to { transform: rotate(0deg); } }
.rotate-opacity-1 {-webkit-animation: opacity-1 4s ease infinite; }
.rotate-opacity-2 {-webkit-animation: opacity-1 3.6s ease infinite; }
.rotate-opacity-3 {-webkit-animation: opacity-1 3.2s ease infinite; }
.rotate-opacity-4 {-webkit-animation: opacity-1 2.4s ease infinite; }
.rotate-opacity-5 {-webkit-animation: opacity-1 2s ease infinite; }
.rotate-opacity-6 {-webkit-animation: opacity-1 2.8s ease infinite; }
.rotate-opacity-7 {-webkit-animation: opacity-1 1.6s ease infinite; }
.rotate-opacity-8 {-webkit-animation: opacity-1 1.2s ease infinite; }
.rotate-opacity-9 {-webkit-animation: opacity-1 0.8s ease infinite; }
.rotate-opacity-10 {-webkit-animation: opacity-1 0.4s ease infinite; }
@-webkit-keyframes opacity-1 {
  0% { opacity: 0.3; }
  5% { opacity: 0.37; }
  10% { opacity: 0.44; }
  15% { opacity: 0.51; }
  20% { opacity: 0.58; }
  25% { opacity: 0.65; }
  30% { opacity: 0.72; }
  35% { opacity: 0.79; }
  40% { opacity: 0.86; }
  45% { opacity: 0.93; }
  50% { opacity: 1; }
  55% { opacity: 0.93; }
  60% { opacity: 0.86; }
  65% { opacity: 0.79; }
  70% { opacity: 0.72; }
  75% { opacity: 0.65; }
  80% { opacity: 0.58; }
  85% { opacity: 0.51; }
  90% { opacity: 0.44; }
  95% { opacity: 0.37; }
  100% { opacity: 0.3; }
}
@-webkit-keyframes opacity-n1 {
  0% { opacity: 0.3; }
  10% { opacity: 0.37; }
  20% { opacity: 0.44; }
  30% { opacity: 0.51; }
  40% { opacity: 0.58; }
  50% { opacity: 0.65; }
  60% { opacity: 0.72; }
  70% { opacity: 0.79; }
  80% { opacity: 0.86; }
  90% { opacity: 0.93; }
  100% { opacity: 1; }
}